<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
<!--[if !IE]><!-->
<html lang="en">
<!--<![endif]-->
<!-- BEGIN HEAD -->

<head>
  <meta charset="utf-8" />
  <title>安庆调度</title>
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta content="width=device-width, initial-scale=1.0" name="viewport" />
  <meta http-equiv="Content-type" content="text/html; charset=utf-8">
  <meta content="" name="description" />
  <meta content="" name="author" />
  <!-- BEGIN GLOBAL MANDATORY STYLES -->
  <link href=" ../../Global/Plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
  <link href="../../Global/Plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css" />
  <link href="../../Global/Plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
  <!-- BEGIN THEME STYLES -->
  <link href='../../application/global/css/themes/darkblue.css' rel='stylesheet' type='text/css' id='themes_color' />
  <!-- END THEME STYLES -->
  <!-- END GLOBAL MANDATORY STYLES -->
  <!-- <link rel="shortcut icon" href="../../application/global/favicon.ico" /> </head> -->
  <!-- END HEAD -->
  <!-- BEGIN BODY -->
  <!-- DOC: Apply "page-header-fixed-mobile" and "page-footer-fixed-mobile" class to body element to force fixed header or footer in mobile devices -->
  <!-- DOC: Apply "page-sidebar-closed" class to the body and "page-sidebar-menu-closed" class to the sidebar menu element to hide the sidebar by default -->
  <!-- DOC: Apply "page-sidebar-hide" class to the body to make the sidebar completely hidden on toggle -->
  <!-- DOC: Apply "page-sidebar-closed-hide-logo" class to the body element to make the logo hidden on sidebar toggle -->
  <!-- DOC: Apply "page-sidebar-hide" class to body element to completely hide the sidebar on sidebar toggle -->
  <!-- DOC: Apply "page-sidebar-fixed" class to have fixed sidebar -->
  <!-- DOC: Apply "page-footer-fixed" class to the body element to have fixed footer -->
  <!-- DOC: Apply "page-sidebar-reversed" class to put the sidebar on the right side -->
  <!-- DOC: Apply "page-full-width" class to the body element to have full width page without the sidebar menu -->

  <body class="page-md">
    <!-- BEGIN CONTAINER -->
    <div class="page-container no-margin">
      <!-- BEGIN CONTENT -->
      <div class="page-content">
        <!-- BEGIN PAGE CONTENT-->
        <div class="row">
          <div class="col-md-4">
            <div class="portlet box default-color" data-model="pagetree">
              <div class="portlet-title">
                <div class="caption">
                  <i class="fa fa-gift"></i> 物料列表 </div>
                <div class="tools">
                  <a href="javascript:;" class="collapse"></a>
                  <a href="javascript:;" class="reload" data-bind="click:search"></a>
                  <a href="javascript:;" class="fullscreen"></a>
                </div>
              </div>
              <div class="portlet-body">
                <div class="table-toolbar">
                  <div class="row">
                    <div class="col-md-12">
                      <div class="btn-group float-right">
                        <a href="javascript:;" class="btn blue" data-bind="click:addSame">
                          新增同级
                        </a>
                        <a href="javascript:;" class="btn blue-dark" data-bind="click:addChild">
                          新增子级
                        </a>
                      </div>
                    </div>
                  </div>
                </div>
                <!--Page树Start-->
                <div class="scroller" style="height: 600px;" data-height="600px;">
                  <div class="tree">
                    <ol class="tree-list" data-bind="template:{name:'pageTreeViewTemplate',foreach:recordSet}"></ol>
                  </div>
                </div>
                <script type="text/x-jquery-tmpl" id="pageTreeViewTemplate">
                  <li class="tree-item" data-bind="event:{click:$root.nodeClick}">
                    <div class="tree-handle">
                      <i class="fa" data-original-title="收起" data-bind="css:{'fa-minus-square':$data.materielChilds!=undefined&&$data.materielChilds.length>0,'fa-leaf':$data.materielChilds==undefined||$data.materielChilds.length<=0},click:$root.folding"></i>
                      <span data-bind="text:$data.mtrlName"></span>
                    </div>
                    <ol class="tree-list" data-bind="template:{name:'pageTreeViewTemplate',foreach:$data.materielChilds}"></ol>
                  </li>
                </script>
                <!--Page树End-->
              </div>
            </div>
          </div>
          <div class="col-md-4">
            <div class="portlet box default-color" data-model="pageinfo">
              <div class="portlet-title">
                <div class="caption">
                  <i class="fa fa-gift"></i> 物料信息 </div>
                <div class="tools">
                  <a href="javascript:;" class="collapse"></a>
                  <a href="javascript:;" class="reload" data-bind="click:reset"></a>
                  <a href="javascript:;" class="fullscreen"></a>
                </div>
              </div>
              <div class="portlet-body">
                <div class="table-toolbar">
                  <div class="row">
                    <div class="col-md-12">
                      <div style="float:left;">
                        <label class="label label-danger">父级页面：
                          <font data-bind="text:upperMtrlCode"></font>
                        </label>
                      </div>
                      <div class="btn-group float-right">
                        <!--ko if:mtrlid()==""&&upperMtrlCode()!=""-->
                        <a href="javascript:;" class="btn green" data-bind="click:add">
                          新增
                        </a>
                        <!--/ko-->
                        <!--ko if:mtrlid()!=0-->
                        <a href="javascript:;" class="btn blue-dark" data-bind="click:update">
                          保存
                        </a>
                        <a href="javascript:;" class="btn black" data-bind="click:$root.delete">
                          删除
                        </a>
                        <!--/ko-->
                        <a href="javascript:;" class="btn black" data-bind="click:$root.reset">
                          取消
                        </a>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="form-horizontal" style="height: 600px;">
                  <div class="form-body">
                    <div class="form-group">
                      <label class="col-md-4 control-label req">物料名称</label>
                      <div class="col-md-8">
                        <div class="input-group">
                          <input type="text" class="form-control" data-bind="value:mtrlName,attr:{disabled:mtrlid()!=''}" data-rule="required"> </div>
                      </div>
                    </div>
                    <div class="form-group">
                      <label class="col-md-4 control-label req">物料别名</label>
                      <div class="col-md-8">
                        <div class="input-group">
                          <input type="text" class="form-control" data-bind="value:mtrlAlias" data-rule="required"> </div>
                      </div>
                    </div>
                    <div class="form-group">
                      <label class="col-md-4 control-label req">物料编码</label>
                      <div class="col-md-8">
                        <div class="input-group">
                          <input type="text" class="form-control" data-rule="required" data-bind="value:mtrlCode,attr:{disabled:mtrlid()!=''}"> </div>
                      </div>
                    </div>
                    <div class="form-group">
                      <label class="col-md-4 control-label req">物料类型</label>
                      <div class="col-md-8">
                        <div class="input-group">
                          <select class="form-control" data-bind="value:mtrlTypeId,attr:{disabled:mtrlid()!=''}">
                            <option value="1">物料</option>
                            <option value="2">公用工程介质</option>
                            <option value="3">辅料</option>
                          </select>
                        </div>
                      </div>
                    </div>
                    <div class="form-group">
                      <label class="col-md-4 control-label req">物料库存上限</label>
                      <div class="col-md-8">
                        <div class="input-group">
                          <input type="number" class="form-control" data-rule="required" data-bind="value:safeStockLower"> </div>
                      </div>
                    </div>
                    <div class="form-group">
                      <label class="col-md-4 control-label   req">物料库存下限</label>
                      <div class="col-md-8">
                        <div class="input-group">
                          <input type="number" class="form-control" data-rule="required" data-bind="value:safeStockUpper"> </div>
                      </div>
                    </div>
                    <div class="form-group">
                      <label class="col-md-4 control-label  ">是否启用</label>
                      <div class="col-md-8">
                        <div class="input-group">
                          <select class="form-control" data-bind="value:useFlag">
                            <option value="1">是</option>
                            <option value="0">否</option>
                          </select>
                        </div>
                      </div>
                    </div>
                    <div class="form-group">
                      <label class="col-md-4 control-label ">数据精度</label>
                      <div class="col-md-8">
                        <div class="input-group">
                          <input type="number" class="form-control" data-bind="value:dec" disabled> </div>
                      </div>
                    </div>
                    <div class="form-group">
                      <label class="col-md-4 control-label req ">显示顺序</label>
                      <div class="col-md-8">
                        <div class="input-group">
                          <input type="number" class="form-control" data-bind="value:displayOrder" data-rule="required" /> </div>
                      </div>
                    </div>
                    <div class="form-group">
                      <label class="col-md-4 control-label ">创建时间</label>
                      <div class="col-md-8">
                        <div class="input-group">
                          <input data-bind="value:crtTime" class="form-control" disabled/> </div>
                      </div>
                    </div>
                    <div class="form-group">
                      <label class="col-md-4 control-label ">维护时间</label>
                      <div class="col-md-8">
                        <div class="input-group">
                          <input class="form-control" data-bind="value:mnttime" disabled/> </div>
                      </div>
                    </div>
                    <div class="form-group">
                      <label class="col-md-4 control-label req">算法类别</label>
                      <div class="col-md-8">
                        <div class="input-group">
                          <select class="form-control" data-bind="value:vcfType">
                            <option value="1">算法1</option>
                            <option value="0">算法2</option>
                          </select>
                        </div>
                      </div>
                    </div><div class="form-group">
                      <label class="col-md-4 control-label  ">合理库存上限
                      </label>
                      <div class="col-md-8">
                        <div class="input-group">
                          <input class="form-control" data-bind="value:reasonStockLower">

                        </div>
                      </div>
                    </div><div class="form-group">
                      <label class="col-md-4 control-label  ">合理库存下限</label>
                      <div class="col-md-8">
                        <div class="input-group">
                           <input class="form-control" data-bind="value:reasonStockUpper">
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>

        </div>
        <!-- END PAGE CONTENT-->
      </div>
      <!-- END CONTENT -->
    </div>
    <!-- END CONTAINER -->
    <!-- BEGIN JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) -->
    <!-- BEGIN CORE PLUGINS -->
    <!--[if lt IE 9]>
    <script src="../../Global/Plugins/excanvas.min.js"></script>
    <script src="../../Global/Plugins/respond.min.js"></script>
    <![endif]-->
    <script src="../../Global/Scripts/require.js"></script>
    <script src="../../Global/Scripts/akcy.config.js"></script>
    <script src="Scripts/materiel.js"></script>
  </body>
  <!-- END BODY -->

</html>